<template>
  <div class="hello">
      <h1>{{title}}</h1>
      <ul>
        <li v-for="(item, index) in dataList" :key=index> {{item}} </li>
      </ul>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: ['title','dataList']
}
</script>

<style lang="less" scoped>
  .hello{
    background-color: skyblue;
    width: 200px;
    height: 300px;
    h1{
    text-align: center;
    background-color: orange;
  }
  }
  
</style>
